/* $Id: theme.css 2011-04-26 11:18:13 mirlan $ */
@
include  "constants.css ";
 @include  "~/application
	/modules/Touch/modules/Activity/externals/styles/main.css ";
 @include  "~/application
	/modules/Touch/modules/Core/externals/styles/main.css ";
 @include  "~/application
	/modules/Touch/modules/Album/externals/styles/main.css ";
 @include  "~/application
	/modules/Touch/modules/Blog/externals/styles/main.css ";
 @include  "~/application
	/modules/Touch/modules/Classified/externals/styles/main.css ";
 @include  "~/application
	/modules/Touch/modules/Event/externals/styles/main.css ";
 @include  "~/application
	/modules/Touch/modules/Group/externals/styles/main.css ";
 @include  "~/application
	/modules/Touch/modules/Hecore/externals/styles/main.css ";
 @include  "~/application
	/modules/Touch/modules/Like/externals/styles/main.css ";
 @include  "~/application
	/modules/Touch/modules/Messages/externals/styles/main.css ";
 @include  "~/application
	/modules/Touch/modules/Suggest/externals/styles/main.css ";
 @include  "~/application
	/modules/Touch/modules/User/externals/styles/main.css ";
 @include  "~/application
	/modules/Touch/modules/Video/externals/styles/main.css ";
	/*
GLOBAL STYLES, FONTS & RESETS
*/ 
html {
	min-height: 100%;
	margin-bottom: 1px;
	/* overflow-x: hidden; */
	overflow-y: scroll;
}

body {
	background-color: $ theme_body_background_color;
	overflow-x: hidden;
}

* {
	padding: 0;
	margin: 0;
	border: none;
	border-style: solid;
	border-width: 0px;
	border-color: $ theme_border_color;
}

table {
	border-collapse: collapse;
}

br {
	clear: both;
}

ul {
	list-style-type: none;
}

a:link,a:visited {
	color: $ theme_link_color;
	text-decoration: $ theme_link_decoration;
}

* {
	font-family: $ theme_font_family;
}

div,td {
	font-size: $ theme_font_size;
	color: $ theme_font_color;
	text-align: $ theme_text_align;
}

h2,h3,h4 {
	color: $ theme_headline_color;
}

h2 {
	font-size: $ theme_headline_size_large;
}

h3 {
	font-size: $ theme_headline_size_medium;
}

h4 {
	border-bottom: 1px solid $ theme_border_color;
	padding: .3em 0px .1em 0px;
	color: $ theme_font_color_light;
}

/*
GLOBAL FORM ELEMENTS
Used for most forms throughout the site.
*/
button { +rounded;
	padding: 6px;
	font-weight: bold;
	font-size: 1.1em;
	background-color: $ theme_button_background_color;
	border: 1px solid $ theme_button_border_color;
	color: $ theme_button_font_color;
	background-image:
		url(~/application/modules/Touch/themes/default/images/buttonbg.png);;
	background-repeat: repeat-x;
	background-position: 0px 0px;
	text-shadow: 1px 1px 1px $ theme_shadow_dark_color;
}

input[type=text],input[type=password],input.text,textarea { +rounded
	(3px);
	background-color: $ theme_input_background_color;
	color: $ theme_input_font_color;
	border-width: 1px;
	border-color: $ theme_input_border_colors;
	padding: 2px;
	font-size: 10pt;
	resize: none;
}

input[type=checkbox],input[type=radio] {
	border: none;
	padding: 0px;
	margin: 2px 5px 0px 0px;
	width: auto;
	display: block;
	float: left;
}

input[type=checkbox]+label,input[type=radio]+label {
	display: block;
	cursor: pointer;
}

textarea {
	width: 90%;
	resize: none;
}

textarea.codebox {
	width: 95%;
	min-height: 200px;
	font-family: courier new, courier, serif;
}

select {
	background-color: $ theme_input_background_color;
	color: $ theme_input_font_color;
	border-width: 1px;
	border-color: $ theme_input_border_colors;
	padding: 1px 0px 1px 1px;
	font-size: 10pt;
	max-width: 250px;
}

select option {
	padding: 0px 10px 0px 3px;
}

a.buttonlink {
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 21px;
	font-weight: bold;
	display: inline-block;
}

a.buttonlink_right {
	background-repeat: no-repeat;
	background-position: top right;
	padding-right: 19px;
	font-weight: bold;
	display: inline-block;
}

br.multi-text-separator {
	margin-bottom: 8px;
}

/*
Default Classes
*/
.clr {
	clear: both !important;
}

.tip {
	overflow: hidden;
	clear: both;
	text-align: center;
	display: block;
}

.tip>span { +rounded;
	display: inline-block;
	background-repeat: no-repeat;
	background-position: 6px 6px;
	padding: 6px 6px 6px 27px;
	background-color: #faf6e4;
	margin-bottom: 15px;
	background-image:
		url(~/application/modules/Core/externals/images/tip.png);
	border: 1px solid #e4dfc6;
}

.hidden {
	display: none !important;
}

.description {
	margin: 5px;
}

.touch_box {
	margin: 5px 0;
}

.unread {
	font-weight: bold;
	background-color: $ theme_unread_background_color;
}

.loader {
	padding-left: 21px;
	padding-right: 3px;
	background: url(~/application/modules/Core/externals/images/loading.gif);
	background-repeat: no-repeat;
	display: inline-block;
	margin: 5px;
}

.smooth-close { +rounded (5px);
	font-size: 0.8em;
}

/*
GENERAL LAYOUT
*/
.generic_layout_container h3 {
	margin-bottom: 2px;
	padding: 4px;
	font-weight: bold;
}

.layout_middle {
	overflow: hidden;
	padding: 3px;
	vertical-align: top;
}

/*NEW*/
/*
Global Styles
*/
#global_wrapper {
	text-align: center;
}

#global_content {
	overflow: hidden;
	width: $ theme_content_width;
	margin: 0px auto 0px auto;
	min-height: 210px;
	padding: 3px 0px;
}

#global_content_loading {
	width: 100%;
	text-align: center;
	min-height: 100px;
	padding-top: 15%;
	padding-bottom: 15%
}

.global-form-posting {
	min-height: 20px;
	background-position: center center;
	background-repeat: no-repeat;
	background-image:
		url(~/application/modules/Core/externals/images/loading.gif);
	display: block;
}

/*Item List*/
ul.items {
	padding: 3px;
}

ul.items>li {
	display: block;
	overflow: hidden;
	padding: 8px;
}

ul.items>li+li {
	border-top: 1px solid $ theme_border_color;
}

ul.items>li.thumbs {
	float: left;
	border: 0px;
	padding: 0px;
	margin: 0px;
}

ul.items>li>.item_photo {
	float: left;
	font-size: 0;
	line-height: 0;
	margin-right: 7px;
	overflow: hidden;
	display: block;;
}

ul.items .thumbs_photo {
	display: inline-block;
	border: 1px solid $ theme_photo_border_color;
	padding: 3px;
	vertical-align: bottom;
}

ul.items .thumbs_photo>span {
	display: block;
	width: 60px;
	height: 50px;
	background-position: center 50%;
	background-repeat: no-repeat;
}

ul.items>li>.item_body>.item_title {
	font-weight: bold;
}

ul.items>li>.item_body {
	overflow: hidden;
}

ul.items>li>.item_body>.item_date {
	font-size: 0.9em;
	color: $ theme_font_color_light;
}

ul.items>li>.item_body>.item_options {
	margin-top: 3px;
}

.items .buttonlink {
	padding-left: 18px;
	background-repeat: no-repeat;
	background-position: center left;
}

ul.items>li>.item_body>.item_options>a.buttonlink {
	font-weight: normal;
	margin-top: 3px;
	padding: 1px 0 2px;
}

/*Navigation Bar*/
.touch-navigation>div {
	
}

.touch-navigation #navigation-selector { +rounded ();
	text-shadow: $ theme_shadow_dark_color 0.5px 0.5px 0.5px;
	cursor: pointer;
	background-color: $ theme_navigation_background_color;
	background-image:
		url(~/application/modules/Touch/themes/default/images/icons/dropdown.png);
	background-repeat: no-repeat;
	background-position: right center;
	padding: 3px .5em;
	color: $ theme_navigation_font_color;
	border: $ theme_navigation_border;
	font-weight: bold;
}

.touch-navigation .navigation-header { +foreground; +rounded ();
	display: block;
	padding: .3em;
}

.touch-navigation .navigation-body {
	position: relative;
	width: 100%;
}

.touch-navigation #navigation-items {
	position: absolute;
	z-index: 999;
}

.touch-navigation .navigation-body>div {
	width: 100%;
}

.touch-navigation .navigation-body>div>#navigation-items {
	position: static;
	z-index: 999;
}

.touch-navigation #navigation-items { +rounded (5px, true, true);
	background-color: $ theme_body_background_color;
	border-width: 0px 2px 2px 2px;
	border-style: solid;
	border-color: $ theme_border_dark_color;
	position: absolute;
}

.touch-navigation #navigation-items .item {
	border-top: 1px solid $ theme_border_color;
	margin: 0px 3px 3px;
}

.touch-navigation #navigation-items .item a {
	display: block;
	padding: 5px;
}

.touch-navigation #navigation-items .active {
	font-weight: bold;
}

.touch-navigation-paginator {
	float: right;
	display: inline-block;
	width: 44px;
	padding: 1px;
}

.touch-navigation-paginator>.paginator-navigation {
	margin: 0px;
	padding: 0px;
	display: inline-block;
	float: left;
}

#profile_options>ul>li {
	margin-top: 5px;
}

/*Multi Uploader*/
#multi-upload {
	display: none;
	list-style: none;
	max-width: 350px;
	margin-top: 15px;
	overflow-y: auto;
	border: 1px solid #ccc;
}

#multi-upload li.file {
	padding: 8px 8px 8px 28px;
	font-size: .8em;
	font-weight: normal;
	background: #fff;
	background-repeat: no-repeat;
	background-position: 6px 7px;
	background-repeat: no-repeat;
}

#multi-upload li.file+li.file {
	border-top: 1px solid #ccc;
}

#multi-upload li.file span {
	display: none;
}

#multi-upload li.file-success {
	background-image:
		url(~/application/modules/Touch/externals/images/file-finished.png);
	background-repeat: no-repeat;
}

#multi-upload li.file .file-name {
	display: block;
	clear: left;
	font-weight: bold;
}

#multi-upload li.file .file-remove {
	clear: right;
	float: right;
	font-weight: bold;
	overflow: hidden;
}

.touch_add_item {
	border-top-style: solid;
	border-top-width: 1px;
	margin-top: 10px;
	padding: 10px 0;
}

.touch_new_event {
	background-image:
		url(~/application/modules/Touch/externals/images/new_event.png);
}

.touch_new_photo {
	background-image:
		url(~/application/modules/Touch/externals/images/new_photo.png);
}

/* Header */
.layout_page_header {
	background-color: $ theme_topbar_background_color;
	text-align: center;
	padding: 0px;
	clear: both;
	border-bottom: $ theme_topbar_border;
	background-position: top center;
}

.layout_page_header .layout_main {
	width: $ theme_topbar_width;
	text-align: right;
	margin: 0px auto 0px auto;
}

/* Footer */
.layout_page_footer {
	overflow: hidden;
	clear: both;
	text-align: center;
	overflow: hidden;
}

.layout_page_footer .layout_main { +foreground;
	width: $ theme_footer_width;
	margin: 10px auto 0px auto;
	text-align: left;
	overflow: hidden;
	margin-top: 0px;
	padding: 5px;
}

.layout_page_footer select {
	font-size: 1em;
}

.layout_touch_menu_footer {
	font-size: .8em;
	color: $ theme_font_color_light;
}

/*WIDGETS*/
/*Main Header*/
.layout_touch_main_header {
	padding: 5px;
}

.layout_touch_main_header .header_left {
	padding: 2px 1px 1px 5px;
}

.layout_touch_main_header .header_right {
	padding: 2px 5px 1px 1px;
}

.layout_touch_main_header .site-logo {
	width: 100%;
	overflow-x: hidden;
	text-align: center;
}

.layout_touch_main_header .layout_touch_menu_logo {
	text-align: center;
}

.notifications {
	background-image:
		url(~/application/modules/Touch/themes/default/images/icons/updates.png);
	color: $ theme_notifications_active_color !important;
}

.notifications_active {
	background-image:
		url(~/application/modules/Touch/themes/default/images/icons/updates_active.png);
	font-weight: bold !important;
	color: $ theme_notifications_active_color !important;
}

/*
SITE LOGO WIDGET
*/
.layout_touch_menu_logo {
	font-size: 1.8em;
	font-weight: bold;
	margin: 0px auto 5px auto;
	text-align: left;
	overflow: hidden;
	padding: 0px 2px;
}

/*
MINI MENU + SEARCH WIDGET
Shows the mini menu and search widget
*/
.layout_touch_menu_mini {
	width: $ theme_topbar_minimenu_width;
	margin: 0px auto 0px auto;
	overflow: hidden;
}

.layout_touch_menu_mini>div>ul {
	overflow: hidden;
	background: $ theme_topbar_minimenu_background_color;
	padding: .1em;
	border-top: none;
	float: right;
}

.layout_touch_menu_mini>div>ul>li {
	float: left;
	overflow: hidden;
	vertical-align: top;
}

.layout_touch_menu_mini>div>ul>li>a {
	background: none;
	display: block;
}

.layout_touch_rss h3,.layout_touch_weather h3,.layout_touch_clock h3,.layout_touch_list_announcements h3,.layout_touch_autorecommendations h3,.layout_touch_user_list_online h3,.layout_touch_user_list_popular h3,.layout_touch_user_list_signups h3
	{
	text-shadow: #fff 1px 1px 0.5px;
}

/*
MAIN MENU WIDGET
*/
#touch_menu_mini_menu>ul>li {
	margin-left: .1em;
}

.layout_touch_menu_main {
	width: $ theme_topbar_width;
	margin: 0px auto 0px auto;
	text-align: center;
	overflow: hidden;
	background-color: $ theme_topbar_menu_background_color;
	border: $ theme_topbar_menu_border;
	border-left: none;
	border-right: none;
}

.layout_touch_menu_main>ul {
	width: $ theme_topbar_menu_width;
	margin: 0px auto 0px auto;
	padding: 0px;
	white-space: nowrap;
	overflow: hidden;
}

.layout_touch_menu_main>ul>li {
	float: left;
	font-size: $ theme_topbar_menu_link_size;
	background-image:
		url(~/application/modules/Touch/themes/default/images/topbar_menu_bg.png);
	background-repeat: repeat-x;
	width: 25%;
	text-align: center;
}

.layout_touch_menu_main>ul>li>a {
	background-color: $ theme_topbar_menu_link_background_color;
	padding: .3em;
	display: block;
	font-weight: 600;
}

.layout_touch_menu_main ul a:link,.layout_touch_menu_main ul a:visited {
	color: $ theme_topbar_menu_link_color;
	text-decoration: $ theme_topbar_menu_link_decoration;
	border-right: $ theme_topbar_menu_border;
}

.layout_touch_menu_main li.selected {
	background-color: $ theme_topbar_menu_background_color_selected;
	background-image:
		url(~/application/modules/Touch/themes/default/images/topbar_menu_selected_bg.png);
}

/*
DASHBOARD
*/
.layout_touch_dashboard h3 {
	font-size: 1.7em;
	text-shadow: 1px 1px 0.5px $ theme_shadow_dark_color;
	color: #3A94C4;
}

.dashboard {
	display: block;
	text-align: center;
	overflow: hidden;
}

.dashboard-items {
	clear: both;
}

.dashboard-items>li {
	display: inline-block;
	overflow: hidden;
	font-size: 0.8em;
	margin: 7px 5px;
	height: 90px;
	vertical-align: top;
}

.dashboard-items>li>a {
	text-align: center;
	background-position: center top;
	padding: 60px 5px 5px 5px;
	width: 50px;
	height: 25px;
	display: block;
}

.menu_core_dashboard>a {
	background-position: center top;
	background-repeat: no-repeat;
}

.core_dashboard_home>a {
	background-image:
		url(~/application/modules/Touch/themes/default/images/dashboard/home.png);
}

.core_dashboard_profile>a {
	background-image:
		url(~/application/modules/Touch/themes/default/images/dashboard/profile.png);
}

.core_dashboard_messages>a {
	background-image:
		url(~/application/modules/Touch/themes/default/images/dashboard/messages.png);
}

.core_dashboard_updates>a {
	background-image:
		url(~/application/modules/Touch/themes/default/images/dashboard/updates.png);
}

.core_dashboard_members>a {
	background-image:
		url(~/application/modules/Touch/themes/default/images/dashboard/members.png);
}

.core_dashboard_album>a {
	background-image:
		url(~/application/modules/Touch/themes/default/images/dashboard/album.png);
}

.core_dashboard_blog>a {
	background-image:
		url(~/application/modules/Touch/themes/default/images/dashboard/blog.png);
}

.core_dashbaord_classified>a {
	background-image:
		url(~/application/modules/Touch/themes/default/images/dashboard/classified.png);
}

.core_dashboard_event a {
	background-image:
		url(~/application/modules/Touch/themes/default/images/dashboard/event.png);
}

.core_dashboard_group a {
	background-image:
		url(~/application/modules/Touch/themes/default/images/dashboard/group.png);
}

.core_dashboard_video a {
	background-image:
		url(~/application/modules/Touch/themes/default/images/dashboard/video.png);
}

.core_dashboard_search a {
	background-image:
		url(~/application/modules/Touch/themes/default/images/dashboard/search.png);
}

/*
PROFILE WIDGETS
*/
.layout_touch_profile_widgets {
	padding: 3px;
	margin: 3px 0px;
	display: block;
	clear: both;
}

.profile-left,.profile-right {
	overflow: hidden;
}

.profile-left {
	padding-right: 7px;
	float: left;
}

/*
Profile Options
*/
/*Porfile Fields*/
.layout_touch_user_profile_fields {
	margin-bottom: 5px;
}

.profile_fields>ul>li>span {
	font-weight: bold;
	font-size: 0.9em;
}

.profile_fields>ul>li>span+span {
	font-weight: normal;
}

/*Profile Info*/
.profile_info {
	font-size: 0.9em;
}

.profile_info>li>.type {
	font-weight: bold;
}

/*
GLOBAL FORM RESPONSES
Used to show feedback from form submissions, i.e.
error/result messages.
*/
ul.form-errors,ul.form-notices {
	margin: 0px 0px 20px 0px;
	overflow: hidden;
}

*+ul.form-errors,*+ul.form-notices {
	margin-top: 20px;
}

ul.form-errors>li,ul.form-notices>li { +rounded;
	margin: 7px 5px 7px 5px;
	padding: 5px 15px 5px 32px;
	background-repeat: no-repeat;
	background-position: 8px 5px;
	float: left;
	clear: left;
	overflow: hidden;
	border: 1px solid #ccc;
}

html[dir="rtl"] ul.form-errors>li,html[dir="rtl"] ul.form-notices>li {
	padding: 5px 32px 5px 15px;
	background-position: 98% 5px;
	float: right;
	clear: right;
}

ul.form-errors>li>b,ul.form-notices>li>b {
	text-transform: uppercase;
	font-size: .8em;
}

ul.form-errors>li>ul>li,ul.form-notices>li>ul>li {
	font-size: .9em;
}

ul.form-errors>li {
	background-image:
		url(~/application/modules/Core/externals/images/error.png);
	background-color: #faf7e9;
}

ul.form-notices>li {
	background-image:
		url(~/application/modules/Core/externals/images/notice.png);
	background-color: #e9faeb;
}

/*
LARGE BOX FORM
These styles are for large forms that are given an exclusive page.
They are not intended for smaller forms that are embedded elsewhere.
Examples: Signup form, member settings form, etc.
*/
/* form container */
.global_form {
	clear: both;
	overflow: hidden;
}

/* external form border */
.global_form>div {
	overflow: hidden;
	margin: 0px auto 0px auto;
}

/* internal form border */
.global_form>div>div { +rounded ();
	border: 2px solid $ theme_form_border_color;
	padding: 10px;
	background-color: $ theme_form_background_color;
}

/* form headline */
.global_form div.form-wrapper-heading {
	font-weight: bold;
	border-bottom: 1px solid $ theme_foreground_border_color_light;
	height: 1em;
	margin-bottom: 10px;
}

.global_form div.form-wrapper-heading>span {
	display: block;
	position: absolute;
	overflow: hidden;
	padding: 4px 6px 4px 0px;
	background: $ theme_form_background_color;
	color: $ theme_headline_color
}

.global_form div.form-wrapper+div.form-wrapper-heading {
	margin-top: 5px;
}

/* form instructions (after title) */
.global_form>div>div>h3+p {
	padding: 2px;
	margin-top: 2px;
	width: 80%;
}

/* add some space above form elements if title/instructions precede */
.global_form>div>div>h3+div,.global_form>div>div>h3+p+div {
	margin-top: 5px;
}

/* container for form label/element rows */
.global_form>div>div {
	overflow: hidden;
}

/* container row for a label (left) and element (right) */
.global_form div.form-wrapper {
	clear: both;
	overflow: hidden;
}

/* left-side element label container */
.global_form div.form-label {
	overflow: hidden;
	clear: left;
	font-size: .9em;
	color: $ theme_form_label_font_color;
}

/* right-side form element container */
.global_form div.form-element {
	width: 100%;
	overflow: hidden;
	clear: none;
	margin-bottom: 3px;
}

/* all paragraphs of text in the form */
.global_form div>p {
	width: 80%;
	padding-bottom: 5spx;
}

/* paragraphs of text that come after an input element */
.global_form div>input+p {
	margin-top: 3px;
	font-size: 7pt;
}

/* all text inputs in form */
.global_form input[type=text],.global_form input[type=password] {
	padding: 6px;
	font-size: 1.1em;
	width: 90%;
}

/* only for text inputs that come after other text inputs */
/* i.e. for when there is a vertical list of text inputs */
.global_form input[type=text]+input[type=text] {
	display: block;
	margin-top: 5px;
}

/* all checkboxes and radios in form */
.global_form input[type=checkbox],.global_form input[type=radio] {
	clear: left;
}

/* for clickable labels that appear to the right of elements */
/* such as checkboxes or radios */
.global_form input+label {
	float: left;
	display: block;
	margin-top: 0px;
	margin-left: 2px;
	font-size: 0.7em;
}

/* all select boxes in form */
.global_form select {
	padding: 5px;
	font-size: .9em;
	width: 90%;
}

/* all textareas in form */
.global_form textarea {
	padding: 5px;
	font-size: 10pt;
	width: 90%;
	height: 70px;
}

.global_form p.description {
	margin: 3px 0px 10px 0px;
	padding: 0px;
	font-size: 0.7em
}

.global_form #submit-element {
	margin-bottom: 0px;
}

.global_form button[type=submit] {
	margin-right: 3px;
}

/*Global Share Fomr*/
.sharebox_form #body-label {
	height: 0px;
}

.sharebox { +foreground;
	padding: 5px;
	overflow: hidden;
	margin: 5px 0px;
}

.sharebox_photo {
	float: left;
	overflow: hidden;
	margin-right: 8px;
}

.sharebox_photo img {
	border: 1px solid $ theme_photo_border_color;
	max-width: 120px;
	max-height: 120px;
}

.sharebox_title {
	font-weight: bold;
}

.sharebox_description {
	font-size: .8em;
	margin-top: 3px;
}

/*Global Popup*/
.global_form_popup {
	clear: both;
	overflow: hidden;
}

/* external form border */
.global_form_popup>div {
	overflow: hidden;
	margin: 0px auto 0px auto;
}

/* internal form border */
.global_form_popup>div>div {
	border: 2px solid $ theme_form_border_color;
	padding: 5px;
	background-color: $ theme_form_background_color;
}

/* form headline */
.global_form div.form-wrapper-heading {
	font-weight: bold;
	border-bottom: 1px solid $ theme_foreground_border_color_light;
	height: 1em;
	margin-bottom: 10px;
}

.global_form div.form-wrapper-heading>span {
	display: block;
	position: absolute;
	overflow: hidden;
	padding: 4px 6px 4px 0px;
	background: $ theme_form_background_color;
	color: $ theme_headline_color
}

.global_form_popup div.form-wrapper+div.form-wrapper-heading {
	margin-top: 5px;
}

/* form instructions (after title) */
.global_form_popup>div>div>h3+p {
	padding: 2px;
	margin-top: 2px;
	width: 80%;
}

/* add some space above form elements if title/instructions precede */
.global_form_popup>div>div>h3+div,.global_form_popup>div>div>h3+p+div {
	margin-top: 5px;
}

/* container for form label/element rows */
.global_form_popup>div>div {
	overflow: hidden;
}

/* container row for a label (left) and element (right) */
.global_form_popup div.form-wrapper {
	clear: both;
	overflow: hidden;
}

/* left-side element label container */
.global_form_popup div.form-label {
	overflow: hidden;
	clear: left;
	font-size: .9em;
	color: $ theme_form_label_font_color;
}

/* right-side form element container */
.global_form_popup div.form-element {
	width: 100%;
	overflow: hidden;
	clear: none;
	margin-bottom: 3px;
}

/* all paragraphs of text in the form */
.global_form_popup div>p {
	width: 80%;
	padding-bottom: 5spx;
}

/* paragraphs of text that come after an input element */
.global_form_popup div>input+p {
	margin-top: 3px;
	font-size: 7pt;
}

/* all text inputs in form */
.global_form_popup input[type=text],.global_form_popup input[type=password]
	{
	padding: 5px;
	font-size: 1.1em;
	width: 90%;
}

/* only for text inputs that come after other text inputs */
/* i.e. for when there is a vertical list of text inputs */
.global_form_popup input[type=text]+input[type=text] {
	display: block;
	margin-top: 5px;
}

/* all checkboxes and radios in form */
.global_form_popup input[type=checkbox],.global_form_popup input[type=radio]
	{
	clear: left;
}

/* for clickable labels that appear to the right of elements */
/* such as checkboxes or radios */
.global_form_popup input+label {
	float: left;
	display: block;
	margin-top: 0px;
	margin-left: 2px;
}

/* all select boxes in form */
.global_form_popup select {
	padding: 1px 0px 1px 1px;
	font-size: .9em;
	max-width: 80px;
}

/* all textareas in form */
.global_form_popup textarea {
	padding: 5px;
	font-size: 10pt;
	width: 90%;
	min-height: 20px;
}

.global_form_popup p.description {
	margin: 3px 0px 5px 0px;
	padding: 0px;
}

.global_form_popup #submit-element {
	margin-bottom: 0px;
}

.global_form_popup button[type=submit] {
	margin-right: 3px;
}

/*
SMALL BOX FORM
These styles are for small box forms, such
as the login box found by default on the main
index page. Form names and inputs are stacked
vertically (not floated) to fit into small-width
content areas.
*/
.global_form_box { +rounded (); +foreground;
	padding: 3px;
	width: auto;
}

.global_form_box>div>div {
	padding: 10px;
}

.global_form_box .form-wrapper+.form-wrapper {
	margin-top: 2px;
}

.global_form_box .form-label {
	padding: 0px;
	width: auto;
	float: none;
	clear: both;
	margin: 0px;
}

.global_form_box label {
	text-align: left;
	display: block;
	font-size: .8em;
	margin-bottom: 2px;
	margin-top: 5px;
}

.global_form_box .form-element {
	overflow: hidden;
}

.global_form_box input[type=text],.global_form_box input[type=password]
	{
	padding: 5px;
	font-size: 1.1em;
	width: 90%;
}

/*
SEARCH PAGE
Used to style the main search page.
*/
#searchform {
	float: left;
	clear: both;
	padding: 5px;
	width: 90%;
}

#searchform input[type=text] {
	width: 100%;
	margin-bottom: 3px;
}

#searchform #query-label {
	display: none;
}

#searchform #query-wrapper {
	float: left;
	overflow: hidden;
	padding: 3px;
}

#searchform #submit-label {
	display: none;
}

#searchform #submit-wrapper {
	float: left;
	overflow: hidden;
	margin-left: 1px;
}

.search_result {
	overflow: hidden;
	width: 92%;
	margin-top: 3px;
	border-top-width: 1px;
	padding-top: 3px;
}

.search_result .search_photo {
	display: block;
	float: left;
	overflow: hidden;
	margin-right: 7px;
}

.search_result .search_icon {
	display: block;
	float: left;
	overflow: hidden;
	width: 48px;
	margin-right: 7px;
}

.search_result img {
	margin: auto;
	display: block;
}

.search_result .search_info {
	display: block;
	overflow: hidden;
}

.search_result .search_title { /* font-weight: bold; */
	font-size: 1.1em;
}

.search_result .highlighted-text {
	font-weight: bold;
}

/*
COMMENTS
These styles are used everywhere comments appear.
*/
.comments {
	margin-top: 5px;
}

.comments {
	width: 95%;
}

.comments>ul {
	overflow: hidden;
}

.comments>ul>li { +foreground;
	background-image: none;
	border: none;
	padding: 2px;
	border-top: 1px solid $ theme_foreground_border_color;
	overflow: hidden;
	margin-bottom: 1px;
}

.comments .comments_author a {
	font-weight: bold;
	margin-right: 2px;
}

.comments .comments_author_photo {
	float: left;
	overflow: hidden;
}

.comments .comments_author_photo img {
	display: block;
}

.comments .comments_options {
	color: $ theme_font_color_light;
	margin-bottom: 6px;
}

.comments .comments_comment_options>a {
	font-size: .8em;
	margin-top: 5px;
	overflow: hidden;
}

.comments .comments_info {
	font-size: .8em;
	padding-top: 2px;
	padding-left: 5px;
	overflow: hidden;
}

.comments .comments_date {
	font-size: .8em;
	margin-top: 3px;
	color: $ theme_font_color_light;
	overflow: hidden;
}

.comments .comments_likes,.comments .comments_viewall {
	font-size: .8em;
}

.comments .comments_likes a,.comments .comments_viewall a {
	font-weight: bold;
}

.comments>form { +foreground;
	background-image: none;
	border: none;
	padding: 5px 10px 5px 5px;
	border-top: 1px solid $ theme_foreground_border_color;
}

.comments>form>textarea {
	width: 100%;
}

.comments>form>button {
	display: block;
	margin-top: 7px;
}

/*
TABS (TAB STYLE, NON-DEFAULT)
*/
.tabs>ul {
	list-style-type: circle;
}

.tabs>ul>li {
	font-size: 1em;
	font-weight: 600;
}

.tabs>ul>li.content {
	font-weight: normal;
	padding: 7px;
}

.tabs>ul>li>a {
	display: block;
	border-color: $ theme_border_color;
	border-style: solid solid none;
	border-width: 1px 1px 0;
	display: block;
	padding: 8px;
	padding-left: 10px;
	color: $ theme_font_color_light;
}

.tabs>ul>li.active>a {
	background-color: $ theme_active_color;
	color: $ theme_font_color;
}

.tabs>ul>li>a>img {
	float: right;
	vertical-align: baseline;
}

.layout_touch_container_tabs {
	margin-top: 10px;
}

/*
POPUP FORM
These are used to style popup (i.e. smoothbox) forms.
Also used to style popup response messages, etc.
*/
.global_form_popup {
	overflow: hidden;
}

.global_form_popup #submit-wrapper,.global_form_popup #cancel-wrapper {
	float: left;
	overflow: hidden;
}

.global_form_popup #buttons-wrapper {
	margin-top: 5px;
}

.global_form_popup #buttons-wrapper button {
	margin-right: 4px;
}

html[dir="rtl"] .global_form_popup #buttons-wrapper button {
	margin-right: 0px;
	margin-left: 4px;
}

.global_form_popup_message {
	display: block;
	padding: 1em;
	text-align: center;
	font-weight: bold;
}

/*Search Field*/
.filter_text {
	width: 100%;
}

.filter_text #search {
	padding: 3px;
}

.filter_submit {
	padding-left: 10px;
	padding-top: 3px;
}

.filter_default_value {
	color: $ theme_font_color_light !important;
}

.filter_text_container { +rounded (3px);
	background-color: $ theme_input_background_color;
	color: $ theme_input_font_color;
	border-width: 1px;
	border-color: $ theme_input_border_colors;
	padding: 2px;
	font-size: 10pt;
	resize: none;
}

.filter_text_container input {
	background: none;
	border: none;
	height: 15px;
	width: 100% !important;
}

.filter_text_container a {
	display: block;
	width: 21px;
	height: 21px;
	background: transparent
		url("~/application/modules/Touch/externals/images/search.png") center
		no-repeat;
}